<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">	

<f:view>
    <f:loadBundle basename="propiedades.imagenes" var="imagenes" />
	<head>
	<title>Polla CompasUdeA</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="../css/estilos.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../js/common.js"></script>

	</head>
	
	<body topmargin="0" leftmargin="0" bgcolor="#222222" background="#{imagenes.FONDO}">
	<table width="1000" border="1"  cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
	 <tr>
	  <td height="115" align="center" valign="middle">
	  	
	  	<table border="1" width="100%" cellpadding="0" cellspacing="0">
	  		<tr>
	  			<td>          
	          <div align="center">
	            <h:graphicImage id="banner" value="#{imagenes.BANNER4}"  height="180" width="1000"/>
	          </div>
	  			</td>
				</tr>
				<tr>
					<td colspan="2" align="right">
					Usuario:&nbsp;&nbsp; <h:outputText value="#{loginBean.user.idUser}" style="font-weight: Bold;"/>
					&nbsp;
					<a4j:htmlCommandLink onclick="alert('Cerrando sesion');" value="Salir"/>
					</td>
					</tr>			
			</table>
      </td>
     </tr>
     
     <tr>
      <td>

	   <table width="100%" border="0" cellpadding="0" cellspacing="0">
	   		<tr>
	   			<td valign="top">
	   					<h:form>
		   					<table cellpadding="0" cellspacing="3" align="center">
									<tr>
										<td>
											<a4j:commandButton id="inicio" value="Inicio" styleClass="botonpequeno"/>										
										</td>
									</tr>
									
									<tr>	
										<td>
										<a4j:commandButton id="marcadores" value="Marcadores" styleClass="botonpequeno"
													action="partidos"/>
													<br/>			
										</td>
									</tr>
									
									<tr>
										<td>
											<a4j:commandButton id="posiciones" value="Posiciones" styleClass="botonpequeno"/>
										</td>
	
									</tr>
									
									<tr>
										<td>
											<a4j:commandButton id="calend" value="Calendario" styleClass="botonpequeno"/>
										</td>
	
									</tr>
	
								</table>
							</h:form>
	   			</td>	      
         <td colspan="3" valign="top" width="100%" height="100%" align="left">
						<h:form id="mainForm">
               <ui:insert name="body" >CONTENIDO QUE SE SOBREESCRIBE </ui:insert>               
            </h:form>
            
            <ui:insert name="modal"></ui:insert>
         </td>
        </tr>
       </table>
       
      </td>
     </tr> 
     
     <tr>
      <td>
       <table width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
         <td align="center">
          	CompasUdeA® 2010. All rights reserved.
         </td>
       </table>
      </td>
     </tr>
     
    </table>  
    <a4j:include viewId="../componentes/modalMensajes.xhtml" id="panelMensajes"></a4j:include>    
   </body>
  </f:view>
 </html>
